<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <style>
    *{
      /*初始化 清除页面元素的内外边距*/
      padding: 0;
      margin: 0;
      /*盒子模型*/
      box-sizing: border-box;
    }
    body {
      /*弹性布局 让页面元素垂直+水平居中*/
      display: flex;
      justify-content: center;
      align-items: center;
      /*让页面始终占浏览器可视区域总高度*/
      height: 100vh;
      /*背景渐变色*/
      background: linear-gradient(#141e30,#243b55);

    }
    .class{
      margin: 0;
      padding: 0;
      top: 0;
      width: 200px;
      height: 40px;
      text-align: center
    }
  </style>
    <title>多条件查询</title>
</head>
<body>
<form action="http://localhost:8081/web2_war_exploded/servletForLog" method="get">
  <input type="hidden" name="action" value="multipleSelect"/>
  <h1 align="center">多条件查询</h1>
  <table align="center">
    <tr>
      <td>按行政区查询:</td>
      <td><input type="text" name="AdmA"   placeholder="行政区"/></td>
    </tr>
    <tr>
      <td>按行户型查询:</td>
      <td><input type="text" name="houseType" placeholder="户型"></td>
    </tr>
    <tr>
      <td>按行价格区间查询:</td>
      <td><input type="text" name="price" placeholder="区间用逗号(,)隔开" /></td>
    </tr>
    <tr>
      <td>按行面积区间查询:</td>
      <td><input type="text" name="area" placeholder="(区间用逗号(,)隔开)"/></td>
    </tr>
    <tr>
      <td><input class="class" type="submit" value="查询"/></td>
    </tr>
  </table>
  </form>
</body>
</html>